import { useUserStore } from "./userStore"
import { reqInsertCart, reqNewCart, reqDelCart } from "@/apis/cart"
export const useCartStore = defineStore('cart', () => {
    const userStore = useUserStore()
    // 判断是否登录也就是判断是否有token
    const isLogin = computed(() => userStore.userInfo.token)
    //定义好state
    const cartList = ref([])

    // 获取最新购物车列表
    const updateNewList = async () => {
        // 得到新的购物车数据
        const res = await reqNewCart()
        // 重新赋值给当前的购物车
        cartList.value = res.result
    }
    //定义 添加购物车
    const addCart = async (goods) => {
        if (isLogin.value) {
            // 已经登录了
            // 解构赋值
            const { skuId, count } = goods
            // 发送加入购物车请求
            await reqInsertCart({ skuId, count })
            updateNewList()
        } else {
            //未登录走本地购物车逻辑
            //添加购物车操作
            //添加过的count+1   未添加过的直接push
            const item = cartList.value.find((item) => goods.skuId === item.skuId)
            if (item) {
                // 找到了
                item.count += goods.count
            } else {
                // 没找到
                cartList.value.push(goods)
            }
        }

    }
    // 删除购物车
    const delCart = async (skuId) => {
        if (isLogin.value) {
            // 调用接口实现购物车删除功能
            await reqDelCart([skuId])
            updateNewList()
        } else {
            //未登录
            // 思路 1.找到删除项的下标值 - splice    2.使用数组的过滤方法 - filter
            // const index = cartList.value.findIndex((item) => skuId === item.skuId)
            //第一个参数传递下标值，第二个参数传递删除的数量
            // cartList.value.splice(index, 1)
            cartList.value = cartList.value.filter((item) => {
                return item.skuId !== skuId
            })
        }


    }

    // 清除购物车
    const clearCart = () => {
        cartList.value = []
    }
    //计算属性,计算总共多少件，reduce函数第一个参数是一个函数，第二参数是初始值
    // 函数里面第一个参数是 初始值/或者是计算结束后的返回值，第二个参数则是当前元素，即就是cartList
    const totalCount = computed(() => cartList.value.reduce((total, cartList) => total + cartList.count, 0))
    // 计算总价钱
    const totalPrice = computed(() => cartList.value.reduce((total, cartList) => total + cartList.count * cartList.price, 0))

    // 单选功能
    const singleCheck = (skuId, selected) => {
        // 因为Find返回的是浅拷贝 修改对象的属性会改变原来对象
        const item = cartList.value.find((item) => item.skuId === skuId)
        item.selected = selected
    }

    // 是否全选
    // every() 方法用于检测数组所有元素是否都符合指定条件 有一个元素不满足，则整个表达式返回 false
    const isAll = computed(() => cartList.value.every((item) => item.selected))

    // 全选功能
    const allCheck = (selected) => {
        // 遍历数组将所有的selected转换成传入进来的selected
        cartList.value.forEach(item => item.selected = selected)
    }
    // 已选择的数量 首先使用数组过滤掉selected不为true的，留下true的item，然后进行计算count值
    const selectedCount = computed(() => cartList.value.filter((item) => item.selected).reduce((total, cartList) => total + cartList.count, 0))
    // 计算商品价格
    const selectedPrice = computed(() => cartList.value.filter((item) => item.selected).reduce((total, cartList) => total + cartList.count * cartList.price, 0))
    return {
        cartList,
        addCart,
        delCart,
        totalCount,
        totalPrice,
        singleCheck,
        isAll,
        allCheck,
        selectedCount,
        selectedPrice,
        clearCart,
        updateNewList
    }
}, {
    persist: true,//持久化存储
})